<template>
    <div class="common-layout">
        <!--            头部-->
        <home-head></home-head>
    </div>
    <home-bottom></home-bottom>
</template>

<script setup>

import { onMounted,} from 'vue'
import {useRouter} from "vue-router";
import HomeHead from "@/components/home/home-head.vue";
import HomeBottom from "@/components/home/home-bottom.vue";
onMounted(() => {
    router.push({ path: '/index' })
})
const router = useRouter()
</script>
<style scoped>
.common-layout{
    width: 100%;
    height: 100%;
}
/*盒子*/
.header-class-main-box{
    display: flex;
    align-items: center; /* 内部元素垂直居中 */
    width: 100%;
    max-width: 1200px; /* 固定最大宽度，避免缩放时过度拉伸 */
    margin: 0 auto; /* 始终水平居中 */
    gap: 0px; /* 元素间间距 */
}

</style>